

inputFocus('.main');



//1.图片点击事件
function deleteImg() {
	var $img_wrap = $('.item-imglist .img-wrap'),
		$del_shade = $('.img-wrap .shade');
	if($img_wrap.length > 0) {
		$img_wrap.click(function() {
			$(this).find('.shade').fadeIn();
		});
		$del_shade.click(function() {
			$(this).parent().remove();
		});
	}
}




//2.添加案例  
addCase();

function addCase() {
	var $addbtn = $('.main .main-addbtn');
	var html = null;
	var add_index = null;
	$addbtn.click(function() {
		add_index = $('.main .main-section').length;
		html = '<div class="main-section">' +
			'<div class="section-close"></div>'+
			'<div class="section-item">' +
			'	<p class="item-label">案例名称</p>' +
			'	<input class="inputtext" type="text" id="" value="" placeholder="请输入案例名称" />' +
			'</div>' +
			'<div class="section-item">' +
			'	<p class="item-label">案例图片</p>' +
			'	<a class="upimg-btn" data-id="'+add_index+'">上传图片</a>' +
			'	<input type="file" data-id="'+add_index+'" accept="image/*" style="display: none;" />'+
			'	<p class="item-tink" >建议宽840，支持格式jpg、png、jpeg</p>' +
			'	<div class="item-imglist clearfix"></div>' +
			'	<div class="radio-wrap">' +
			'		<input type="checkbox" name="" id="site-permisson'+add_index+'" value="" />' +
			'		<label class="check-text" for="site-permisson'+add_index+'"><span class="check"></span>不公开，只允许该需求方查看。</label>' +
			'	</div>' +
			'</div>' +
			'</div>';
		$('.main form').append(html);
		
		$file = $('.main input[type="file"]').eq(add_index);
		$upfilebtn = $('.main .upimg-btn').eq(add_index);
		upfile($upfilebtn,$file);
		
		inputscroll();
	});
}





//3.添加图片
var sel = '.main ';
var $file = $(sel + ' input[type="file"]'),
	$upfilebtn = $(sel + ' .upimg-btn');
	
upfile($upfilebtn,$file);

function upfile($upfilebtn,$file) {
	$upfilebtn.click(function(e) {
		console.log($(this));
		$file.trigger('click');
	});
	$file.change(function(e) {
		console.log($(this));
		var files, file;
		files = $(this).prop('files');
		if(files.length > 0) {
			file = files[0];
			if(isImageFile(file)) {
				var url = URL.createObjectURL(file);
				//addImg
				addImgWrap(url,$(this).data('id'));
			}
		}
	});
	$('.main .section-close').click(function(){
		$(this).parent().remove();
	});
}
//添加图片
function addImgWrap(src,index) {
	var $item_imglist = $('.main  .item-imglist').eq(index);
	var $item_imgli = $item_imglist.find('.img-wrap');
	var html = null;
	html = '<div class="img-wrap">' +
		'	<div class="shade"></div>' +
		'	<img src="' + src + '" />' +
		'</div>';
	if($item_imgli.length>0){
		$(html).insertBefore($item_imgli.first());
	}else{
		$item_imglist.append(html);
	}
	
	//
	deleteImg();
}
//判断是否是图片
function isImageFile(file) {
	if(file.type) {
		return /^image\/\w+$/.test(file.type);
	} else {
		return /\.(jpg|jpeg|png|gif)$/.test(file);
	}
}







